<style>
	.bui-slide .bui-slide-head {
        bottom: 0;
    }
    .slide-nav{
        margin-bottom: .2rem;
        background-color: #ffffff;
    }
    .slide-nav .bui-btn {
        border: 0;
    }
    .slide-nav .icons-round {
        width: 0.7rem;
        height: 0.7rem;
        line-height: 0.7rem;
        text-align: center;
        /*background: #01a5e4;*/
        border-radius : .15rem;
        margin: 0.15rem auto;
    }
    .slide-nav .icons-round i{
        font-size: 0.4rem;
        color: #fff;
        margin: 0;
    }
    .slide-nav .span1{
        margin-bottom: 0.1rem;
    }
    .slide-nav .bui-slide-head {
        text-align: center;
        background: #fff;
        width: 100%;
        text-align: center;
        height: 0.4rem;
    }
    .bui-slide .bui-slide-head ul li{
        float: none;
        display: inline-block;
        background: #0072c5;
        width: 0.15rem;
        height: 0.15rem;
        margin-bottom: 0;
    }
    /* 顶部滚动按钮 */
    .index-nav{
        background-color: #ffffff;
        padding-top: 0.1rem;
    }
    .index-nav .span1{
        font-size: 0.2rem;
    }
    .btn-blue{
        background-color: #00a5e2;
    }
    .btn-red{
        background-color: #f57070;
    }
    .btn-orange{
        background-color: #ffb33e;
    }
    .btn-green{
        background-color: #6cc96c;
    }
    .btn-thinblue{
        background-color: #6cc96c;
    }
    .bui-slide .bui-slide-head ul li{
        background-color: #d9d9d9;
    }
    .bui-slide .bui-slide-head ul li.active{
        background-color: #0072c5;
    }
    .slide-nav .bui-fluid-space [class*=span]{
        padding-left: 0;
        padding-right: 0;
    }
    /* 最新课程滚动 */
    .newcourse-panel {
        margin-top: 0;
        margin-bottom: .2rem;
    }
    .newcourse-panel .bui-panel-head {
        border-bottom: 0;
    }
    .slide-focus {
        background-color: #ffffff;
        overflow:visible !important;
    }
    .slide-focus .bui-slide-main li{
        padding: 0 0.2rem 0.2rem;
    }
    .slide-focus .bui-slide-head {
        height: 0.2rem;
        top: -0.45rem;
        left: 2rem;
    }

    .index-menu {
        background: #fff;
        border-top: 1px solid #eee;
        font-size:.24rem;
    }
    .index-menu .span6 {
        padding-top: .25rem;
        padding-bottom: .25rem;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
    }
    .index-menu .ring {
        border: 2px solid #4ad1dd;
        width: .6rem;
        height: .6rem;
        line-height: .54rem;
        margin-left: .4rem;
        margin-right: .15rem;
    }
    .index-menu .ring .icon{
        font-size: .32rem;
        color: #4ad1dd;
    }
    .index-menu .ring02 {
        border-color: #49bc4a;
    }
    .index-menu .ring02 .icon{
        color: #49bc4a;
    }
    .index-menu .ring03 {
        border-color: #fda10d;
    }
    .index-menu .ring03 .icon{
        color: #fda10d;
    }
    .index-menu .ring04 {
        border-color: #f7696c;
    }
    .index-menu .ring04 .icon{
        color: #f7696c;
    }


    .footer-nav {
        background :#fff;
    }
    .footer-nav .bui-btn .icon {
        height: 0.42rem;
    }
    .footer-nav .bui-btn{
        background-color: transparent;
    }
    .footer-nav .big-btn .icon{
        color: #ffffff;
        border-radius: 50%;
        background-color: #0aa9e3;
        height: 0.625rem;
        width: 0.625rem;
        line-height: 0.625rem;
        font-size: 0.55rem;
    }
    
    


/*é¡¶éƒ¨èœå•*/
header.bui-bar {
    background: #11b7f3;
    height: .74rem;
}
header.bui-bar .bui-bar-main .bui-nav {
    width: 2rem;
}
header.bui-bar .userface {
    width: .57rem;
    height: .57rem;
}
header.bui-bar .bui-bar-main .bui-nav>[class*=bui-btn] {
    background: #11b7f3;
    border-top: 1px solid #fff;
}
header.bui-bar .bui-bar-main .bui-nav>[class*=bui-btn]:first-child {

    -webkit-border-radius: .1rem 0 0 .1rem;
    border-radius: .1rem 0 0 .1rem;
}
header.bui-bar .bui-bar-main .bui-nav>[class*=bui-btn]:last-child {

    -webkit-border-radius: 0 .1rem .1rem 0;
    border-radius: 0 .1rem .1rem 0;
}
header.bui-bar .bui-bar-main .bui-nav>[class*=bui-btn].active {
    color: #11b7f3;
    background: #fff;
}
.bui-scroll .bui-scroll-main {
    background: none;
}
/*åº•éƒ¨èœå•*/
.main-nav .bui-btn {
    color: #9a9db0;
    border:0;
    border-top:1px solid #e8eeee;
    font-size: .16rem;
    padding-top: .1rem;
    height: .8rem;
}
.main-nav .bui-btn i{
    color: #9a9db0;
}
.main-nav .bui-btn.active {
    color: #11b7f3;
    background: #fff;
}
.main-nav .bui-btn.active i{
    color: #11b7f3;
}
/*æ¶ˆæ¯åˆ—è¡¨*/
.friend-list .bui-btn {
    padding-top: .1rem;
    padding-bottom: .1rem;
}
.message-list > li > [class*=bui-btn] {
    padding-top: .1rem;
    padding-bottom: .1rem;
}
.friend-list .ring,
.message-list .ring {
    text-align: center;
    width: .74rem;
    height: .74rem;
    line-height: .74rem;
    margin-right: .2rem;
}
.friend-list .ring i,
.message-list .ring i {
    color: #fff;
    font-size: .5rem;
    margin: 0;
}
.ring-group {
    background: #59d0d8;
}
.message-list .item-text {
    font-size: .18rem;
}
.item-time {
    font-size: .18rem;
    color: #999;
}
.ring-pc {
    background: #0bb8f4;
}

.message-list .bui-badges {
    min-height: .24rem;
    min-width: .24rem;
    line-height: .24rem;
}
.bui-nav .bui-badges {
    min-height: .24rem;
    min-width: .24rem;
    line-height: .24rem;
}

.nav-group {
    margin-bottom: .3rem;
}
.bui-accordion {
    margin-bottom: .3rem;

}
.bui-accordion dt i {
    margin-right: .2rem;
}

.bui-accordion .friend-list .ring {
    width: .62rem;
    height: .62rem;
    line-height: .62rem;
}
.nav-group .bui-btn {
    border: 0;
    padding-top: .1rem;
    padding-bottom: .1rem;
}
.cate-list {
    margin-bottom: .3rem;
}
.cate-list .icon {
    font-size: .4rem;
    text-align: center;
    line-height: .54rem;
}

.message-list .icon- {
    font-size: .4rem;
}

/*ä¾§æ»‘æ */
.bui-sidebar {
    background: #0ab8f4 url(../images/sidebg.png) no-repeat;
    background-size: 100% auto;
    padding-top: .68rem;
}

.userface {
    width: .73rem;
    height: .73rem;
    margin-right: .15rem;
}
.personal-info {
    height:2.14rem;
    margin-bottom: .65rem;
    padding-left:.1rem;

}
.personal-info .icon-{
    font-size: .4rem;
}
.personal-info .icon{
    color:#f7c21a;
}

.bui-sidebar .bui-list {
    border-top: 0;
}
.bui-sidebar .bui-nav .icon,
.bui-sidebar .bui-list .icon {
    font-size: .4rem;
    color: #fff;
}
.bui-sidebar .bui-nav .icon-setting {
    color: #fff;

}
.bui-sidebar .bui-nav .bui-btn ,
.bui-sidebar .bui-list .bui-btn {
    color: #fff;
}
.bui-sidebar .bui-btn {
    background: transparent;
    border: 0;
}

/* æœç´¢æ  */
.bui-searchbar {
    background: #fff;
    padding:.1rem .2rem;
}
.bui-searchbar .bui-input {
    border-radius: 0.1rem;
    background: #f3f3f3;
}
.bui-searchbar .bui-input input[type="text"]{
    min-height: .4rem;
    height: .45rem;
    line-height: .45rem;
    padding-top: 0;
    padding-bottom: 0;
}
.bui-searchbar .search {
    height: .45rem;
    line-height: .45rem;
    background: #f3f3f3;
    -webkit-border-radius: .07rem;
    border-radius: .07rem;
    text-align: center;
    color:#a7a7a7;
}
.bui-searchbar .search i {
    margin-right: .08rem;
}
.bui-searchbar .btn-cancel {
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    margin-left: .1rem;
    text-align: center;
}

#messageScroll .bui-scroll-main {
    background: #f8f8f8;
}

#search-dialog .bui-dialog-head {
    padding-left: 0;
    padding-right: 0;
}

#sidemenu{
    text-align: center;
    line-height: .68rem;
    float: none;
    padding-top: .09rem;
}
#sidemenu .ring {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    margin-right: 0;
}

#header .bui-nav {
    width: 1.85rem;
}
#header .bui-nav .bui-btn:first-child {
    border-radius: .07rem 0 0 .07rem;
}
#header .bui-nav .bui-btn:last-child {
    border-radius: 0 .07rem .07rem 0;
}
#header .bui-dropdown .icon-jiahao {
    margin-right: .1rem;
    font-size: .28rem;
}
#header .bui-dropdown .bui-list i{
    margin-right: .2rem;
}

#tabNav .bui-btn {
    padding-top: .1rem;
    padding-bottom: .1rem;
}
#tabNav .bui-btn i{
    font-size: .4rem;
    margin-bottom: .05rem;
}

.nav-group .bui-btn {
    padding-top: .2rem;
    padding-bottom: .2rem;
    font-size: .22rem;
}
.nav-group > [class*=bui-btn] .icon, .nav-group > [class*=bui-btn] i {
    font-size: .5rem;
    margin-bottom: .15rem;
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
}

.personal-info .item-title {
    font-size : .28rem;
    color: #000;
}

.bui-sidebar .bui-list .bui-btn {
    padding-left: .4rem;
}

.bui-sidebar .bui-list .bui-btn .icon{
    width:.4rem;
    height:.4rem;
    line-height:.4rem;
}
 .bui-page main{
        background: #f5f5f5;
    }
    .bui-list {
        border-top: 0;
    }
    .header-content{
        background-color: #ffffff;
        display: -webkit-box;
        display: box;
        padding: 0.2rem 0.3rem;
    }
    /* 左边圆环 */
    .content-round{
        width: 1.8rem;
        position: relative;
    }
    .percent-img{
        text-align: center;
    }
    .percent-img img{
        width: 100%;
        margin: 0 auto;
    }
    .content-round .yesterday{
        color: #353535;
        font-size: 0.12rem;
        text-align: center;
    }
    .content-round .yesterday span{
        margin-left: 0.05rem;
        color: #00aeef;
        font-size: 0.18rem;
    }
    .content-round .today{
        color: #353535;
        font-size: 0.18rem;
        text-align: center;
        position: absolute;
        top: 0.4rem;
        left: 0.5rem;
        line-height: 1;
    }
    .content-round .today span{
        color: #00aeef;
    }
    .content-round .today span:first-child{
        font-size: 0.54rem;
    }
    /* 右边指数 */
    .content-mess{
        margin-left: 0.3rem;
    }
    .content-mess li{
        overflow: hidden;
    }
    .content-mess li:first-child{
        padding-bottom: 0.15rem;
        border-bottom: 1px dotted #f5f5f5;
    }
    .content-mess li:last-child{
        padding-top: 0.15rem;
    }
    .mess-title{
        float: left;
        text-align: center;
    }
    .mess-title p:first-child{
        font-size: 0.28rem;
        color: #505050;
    }
    .mess-title p:last-child{
        font-size: 0.18rem;
        color: #6f6f6f;
    }
    .mess-num{
        margin-top: 0.1rem;
        margin-left: 0.3rem;
        float: left;
        text-align: left;
    }
    .mess-num span{
        color: gray;
        font-size: 0.38rem;
    }
    .mess-num span:first-child{
        color: #00aeef; 
    }
    .mess-num span:last-child{
        font-size: 0.25rem;
        color: #37ca3a;
    }
     
     /* 审批
      */
    .exammine{
        margin: 0.2rem 0;
        padding: 0.25rem 0;
        background-color: #ffffff;
    }
    .exammine>[class*=bui-btn]{
        border: none;
        padding: 0 0.15rem;
        border-right: 1px solid #f5f5f5;
    }
    .activity .icon,
    .exammine .icon{
        color:#fff;
    }
    .exammine li .span1 h3{
        font-size: 0.38rem;
        text-align: right;
    }
    .exammine li .span1 h3.approve{
        color: #9bbd32;
    }
    .exammine li .span1 h3.respond{
        color: #70b4e1;
    }
    .exammine li .span1 h3.due{
        color: #f16a7a;
    }
    .exammine li .span1 p{
        font-size: 0.18rem;
        text-align: right;
    }
    .exammine>[class*=bui-btn]:last-child{
        border: none;
    }

    .exammine .thumbnail{
        line-height: 0.65rem;
        height: 0.65rem;
        width: 0.65rem;
        text-align: center;
        border-radius: 50%;
        margin-right: 0;
        color: #ffffff;
    }
    .exammine .thumbnail.approve{
        background-color: #9bbd32;
    }
    .exammine .thumbnail.respond{
        background-color: #70b4e1;
    }
    .exammine .thumbnail.due{
        background-color: #f16a7a;
    }
    .exammine [class*=bui-btn] .icon{
        font-size: 0.4rem;
        margin: 0;
    }
    .activity{
        border-top: none;
        margin-top: 0.2rem;
        padding: 0 0.2rem;
        background-color: #ffffff;
    }
    .activity .bui-btn{
        padding-top: .2rem;
        padding-bottom: .2rem;
        padding-left: 0;
        padding-right: 0;
    }
    /* 底部 */
    .activity .thumbnail{
        line-height: 0.65rem;
        height: 0.65rem;
        width: 0.65rem;
        text-align: center;
        border-radius: 50%;
        color: #ffffff;
    }
    .activity .thumbnail.run{
        background-color: #90c956;
    }
    .activity .thumbnail.survey{
        background-color: #e7cd3d;
    }
    .activity .thumbnail.collect{
        background-color: #00bcd1;
    }
    
    .activity .bui-btn .icon{
        font-size: 0.4rem;
        margin: 0;
    }
    .activity li .span1 h3{
        color: #111;
        font-size: 0.23rem;
        margin-bottom: .15rem;
    }
    .activity li .span1 .item-text{
        font-size: 0.2rem;
        color: #999999;
    }




.login-page main{
    	background-color: #ffffff;
    }
    .logo{
    	height: 1rem;
    	margin: .5rem auto ;
        text-align: center;
    }
    .logo img{
        height: 100%;
    }
    .login-form {
        padding-left: .3rem;
        padding-right: .3rem;
    }
    .login-form .bui-list{
    	border-top: none;
        margin-bottom: .3rem;
    }
    .login-form .bui-btn{
        padding-left: 0;
        padding-right: 0;
    }
    .login-form .bui-label{
    	width: 0.5rem;
    }
    .login-form .icon-face,
    .login-form .icon-lock{
    	font-size: 0.36rem;
    }
    .login-form .bui-input {
        height: .6rem;
    }
    .login-form .primary{
    	background-color: #52a4ff;
    	color: #ffffff;
        font-size: 0.26rem;
        -webkit-border-radius: 0.06rem;
        border-radius: 0.06rem;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        margin-bottom: .2rem;
    }
    .login-form .bui-btn-text{
    	text-align: center;
        color: #666666;
        font-size: 0.2rem;
    }
    .copyright{
    	font-size: 0.17rem;
    	color: #999999;
    	width: 100%;
    	text-align: center;
        background-color: #ffffff;
        padding-bottom: 0.25rem;
    }


</style>



<div class="bui-page">
    <header class="bui-bar">
		<div class="bui-bar">
			<div class="bui-bar-left">
            </div>
			<div class="bui-bar-main">登录</div>
			<div class="bui-bar-right">
			</div>
		</div>
	</header>
    <main>
    	<div class="logo"><img src="/images/funde_logo_151210.png" alt=""/></div>
        <div class="login-form">
            <ul class="bui-list">
    			<li class="bui-btn bui-box clearactive">
    				<label class="bui-label" for="user"><i class="icon">&#xe624;</i></label>
    				<div class="span1">
    					<div class="bui-input user-input">
    						<input id="uname" type="text" placeholder="用户名"/>
    					</div>
    				</div>
    			</li>
    			<li class="bui-btn bui-box clearactive">
    				<label class="bui-label" for="password"><i class="icon">&#xe61d;</i></label>
    				<div class="span1">
    					<div class="bui-input password-input">
    						<input id="pwd" type="password" placeholder="密码"/>
    					</div>
    				</div>
    			</li>
    		</ul>
    		<div class="bui-btn round primary x-login-btn">登录</div>
        </div>
	</main>
	       
    <footer></footer>
</div>